<!DOCTYPE html>
<html>
	<!--备份助记词3-->
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>备份助记词</title>
		<link rel="stylesheet" type="text/css" href="skin/css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="skin/css/animate.css"/>
		<style type="text/css">
			.top{
				display: flex;
				align-items: flex-end;
				height: 60px;
				padding-bottom: 10px;
				background: #3573FA;
			}
			.top>span{
				flex: 1 1 0;
			}
			.top>span:nth-of-type(1){
				text-indent: 15px;
			}
			.top>span:nth-of-type(2){
				font-size: 17px;
				text-align: center;
				color: white;
			}
			.top>span:nth-of-type(3){
				display: flex;
				justify-content: flex-end;
				padding-right: 15px;
				
			}
			#app>h1,#app>p{
				font-size: 18px;
				color: rgba(51, 51, 51, .9);
				text-align: center;
			}
			#app>h1{
				padding-top:50px; 
				padding-bottom:15px; 
				opacity: .7;
			}
			#app>p{
				font-size: 15px;
				line-height: 25px;
				opacity: .5;
			}
			#show-words{
				margin:25px 0;
				padding:20px 10px;
				font-size: 15px;
				line-height: 25px;
				background: #EAF1FE; 
				color: rgba(51, 51, 51, .6);
			}
			.words-con{
				display: flex;
				flex-wrap: wrap;				
			}
			.words-con>p{
				display: flex;
				justify-content: center;
				flex:0 0 25%;
				margin-bottom:30px;
				text-align: center;
			}
			.words-con>p>span{
				display: inline-block;
				font-size: 16px;
				color: #333333;
				opacity: .4;
				border-bottom: 1px solid #3573FA;
			}
			.button{
				display: block;
				width: 100%;
				height: 30px;
				margin: 30px 0;
				text-align: center;
				border-radius: 20px;
				border: none;
				outline: none;
				background: #3573FA;
				color: white;
			}
			
			.password-wrap{
				padding-top:30px;
			}
			.password-wrap>input{
				width: 100%;
				padding:15px 0;
				border-bottom: 1px solid #eee;
			}
		</style>
	</head>
	
	
	<body>
		<div class="top">
			<span @click='plus.webview.currentWebview().close()'>
				<img src="skin/img/icon-back.png" width="12px" height="20px"/>
			</span>
			<span>重置交易密码</span>
			<span></span>
		</div>
		<div id="app">
			<div class='password-wrap'>
				<input type="password" placeholder="原交易密码" />
				<input type="password" placeholder="新交易密码" />
				<input type="password" placeholder="重复新交易密码" />
			</div>
			<h1>确认你的钱包助记词</h1>
			<p>请按顺序点击助记词，以确认你的备份助记词正确</p>
			<div id="show-words">
				jkldsjf sdkhjf sdfhuij ehfuia
			</div>
			<div class='words-con'>
				<p>
					<span>iconolk</span>
				</p>
				<p>
					<span>iconolk</span>
				</p>
				<p>
					<span>iconolk</span>
				</p>
				<p>
					<span>iconolk</span>
				</p>
				<p>
					<span>iconolk</span>
				</p>
				<p>
					<span>iconolk</span>
				</p>
			</div>
			<button class='button' @click="next">确认修改</button>
		</div>
		<script src='skin/js/jquery-3.3.1.min.js'></script>
		<script src="skin/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="skin/js/comm.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var app=new Vue({
				el:'#app',
				data:{
				},
				methods:{
					next:function(){
						var style=viewTitle(true,'#3573fa','','#ffffff');  
						plus.webview.open('create-wallet.html','createWallet',style);
					}
				}
			});
		</script>
	</body>
</html>


